<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" th:href="@{css/base.css}">
  <link rel="stylesheet" th:href="@{css/download.css}">
  <script th:src="@{js/flexible.js}"></script>
  <script th:src="@{js/zepto/zepto.min.js}"></script>
  <script th:src="@{js/fastclick.js}"></script>
  <title>火石镜头</title>
</head>
<body>
<div class="container">
  <div class="protective_cover"></div>
  <div class="wrap">
    <img class="logo" th:src="@{image/downlogo.png}" alt="">
    <img class="img_content" th:src="@{image/img_content.png}" alt="">
    <img th:src="@{image/download.png}" alt="" class="button">
  </div>
</div>
</body>
<script>
  $(function () {
    FastClick.attach(document.body);//解决300ms点击延迟的问题iphone
    //判断环境
    var u = navigator.userAgent;
    var isWeixin = u.indexOf('MicroMessenger') > -1;
    var isQQ = u.match(/QQ\//i) == "QQ/";
    $(".button").on("click", function () {
      if (isWeixin || isQQ) {
        if (!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {//ios环境)
          $(".protective_cover").css("background-image", "url([[@{image/ios.png}]])")
        }
        $(".protective_cover").show();
        return false;
      } else {
        window.location.href = "http://hsjt.oss-cn-shanghai.aliyuncs.com/hsjt100.apk";
      }
    })

    //去掉引导页
    $(".protective_cover").on("click", function () {
      $(this).hide();
    })
  })
</script>
</html>